<%@page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <title>创业武汉合伙人</title>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <%@include file="common/header.jsp"%>
    </head>
<body>

<!-- page 容器 -->
<div class="page">
    <!-- 标题栏 -->
    <header class="bar bar-nav bgcolor nobottom">
        <%--<c:if test="${user==null}"><a class="enter">登录</a></c:if>--%>
        <%@include file="common/headerPic.jsp"%>
        <h1 class="title whitecolor" <c:if test="${user==null}">onclick="location.href='login.do'"</c:if> >创业武汉合伙人</h1>
    </header>

    <!-- 这里是页面内容区 -->
    <div class="content whitebg">
       <!-- <div class="searchbar">
            <div class="search-input">
                <label class="icon icon-search" for="search" style="left: 7%"></label>
                <input type="search" id='search' placeholder='搜索关键词' style="width: 90%;background: #eee;border: none;color: white;margin-left: 5%">
            </div>
        </div>-->
        <div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="3000" data-speed="1000" style="padding-bottom: 0px;">
            <div class="swiper-wrapper">
			<c:forEach items="${topActivity}" var="item" varStatus="varStatus">
                <div class="swiper-slide">
                	<a href="${ctx}/m/activityDetail.do?id=${item.id}"><img src="${Dict.prefix('UPLOAD')}${item.mainPicUrl}" alt="" height="213"></a>
					<div class="main_size">【<fmt:formatDate value="${item.beginTime}" pattern="yyyy-MM-dd"/>】${Dict.getAlias('ACTIVITY_TYPE',item.activityType)}&nbsp;|&nbsp;${item.activityName}&nbsp;</div>                	
                </div>
            </c:forEach>
            </div>
        </div>
        <div class="row no-gutter">
            <a class="col-50 border_bottom border_right distence" href="${ctx}/m/cyzjMain.do">
                <div class="main_func"><img src="${ctx}/m/images/main_func1.png"></div>
                <div class="main_size">创业之家</div>
            </a>
            <a class="col-50 border_bottom border_right distence" href="${ctx}/m/activityMain.do">
                <div class="main_func"><img src="${ctx}/m/images/main_func2.png"></div>
                <div class="main_size">全部活动</div>
            </a>
            <a class="col-50 border_bottom border_right distence" href="${ctx}/m/dsMain.do">
                <div class="main_func"><img src="${ctx}/m/images/main_func3.png"></div>
                <div class="main_size">导师</div>
            </a>
            <a class="col-50 border_bottom border_right distence" href="${ctx}/m/news.do">
                <div class="main_func"><img src="${ctx}/m/images/main_func4.png"></div>
                <div class="main_size">消息</div>
                <c:if test="${noReadMessage!=0}">
                    <span class="badge">${noReadMessage}</span>
                </c:if>
            </a>
        </div>
    </div>
</div>
<%@include file="common/panel.jsp"%>
</body>
</html>
<%@include file="common/footer.jsp"%>
<script>
    
    $(function(){

        $.init();
    	wx.config({
    	    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    	    appId: 'wxf8efa9dbcbe7772d', // 必填，公众号的唯一标识
    	    timestamp: '${timestamp}', // 必填，生成签名的时间戳
    	    nonceStr: '${nonceStr}', // 必填，生成签名的随机串
    	    signature: '${signature}',// 必填，签名，见附录1
    	    jsApiList: ['openLocation',//这里不知道你用的地理接口是哪个就两个都写上了
    	                'getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    	});
    	
    	
    	wx.ready(function(){
    		alert("ready");
    		setXy();
    	    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
    	});
    	
    	wx.error(function(res){
    		alert("res");
    	    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    	}); 
    	
    	
    });
    function setXy(){
		wx.getLocation({
		    type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
		    success: function (res) {
		        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
		        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
		        var speed = res.speed; // 速度，以米/每秒计
		        var accuracy = res.accuracy; // 位置精度
		        alert("todo====" + latitude + "==" + longitude);
		        //TODO 此处ajax请求后台，保存当前xy至session
		    }
		});
    }
    
</script>